<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>banner管理</title>

    <script src="js/jquery-2.2.1.min.js"></script>
    <!-- BOOTSTRAP STYLES-->
    <link href="assets/css/bootstrap.css" rel="stylesheet" />
    <script src="js/bootstrap.min.js"></script>
    <!-- FONTAWESOME STYLES-->
    <link href="assets/css/font-awesome.css" rel="stylesheet" />
    <!--CUSTOM BASIC STYLES-->
    <link href="assets/css/basic.css" rel="stylesheet" />
    <!--CUSTOM MAIN STYLES-->
    <link href="assets/css/custom.css" rel="stylesheet" />
    <!-- GOOGLE FONTS-->
    <link href='css/fontsCss.css' rel='stylesheet' type='text/css' />

    <link href="css/banner.css" rel="stylesheet" type="text/css">
    <link href="css/main.css" rel="stylesheet" type="text/css">

    <!--cropper-->
    <link href="cropper/cropper.css" rel="stylesheet" type="text/css">
    <script src="cropper/cropper.js"></script>

    <link href="css/pagination.css" rel="stylesheet" type="text/css">
    <link href="css/simplePagination.css" rel="stylesheet" type="text/css">
    <script src="js/jquery.simplePagination.js"></script>
    <script src="js/paging.js"></script>

    <!--树列表-->
    <link rel="stylesheet" href="css/zTreeStyle/zTreeStyle.css" type="text/css">
    <script type="text/javascript" src="js/jquery.ztree.core.js"></script>

    <script src="js/banner/banner.js"></script>
    <script src="../website/maintain/bannerTime.js"></script>
    <script src="js/main.js"></script>
    <script src="js/utlities.js"></script>
</head>
<body>
<div id="wrapper">

    <!-- /. NAV TOP  -->


    </nav>
    <!-- /. NAV SIDE  -->
    <div id="page-wrapper">
        <div class="page-inner">
            <div>
                <div class="col-md-12">
                    <h4 class="page-head-line">banner管理</h4>
                </div>
            </div>
            <!-- /. ROW  -->
            <div>
                <div>
                    <a class="btn btn-primary" style="margin-left: 15px" id="AddBanner">
                        <i class="fa fa-plus"></i>
                        &nbsp;新增
                    </a>
                    <!--<a class="btn btn-primary" style="margin-left: 15px" id="SaveBanner">-->
                        <!--<i class="fa fa-save"></i>-->
                        <!--&nbsp;保存-->
                    <!--</a>-->
                </div>
                <div style="margin-left: 16px;margin-top: 10px">
                    <span>时间间隔：<input type="text" class="bannerTime" id="bannerTime"> 毫秒</span>
                    <a class="btn btn-primary" style="margin-left: 15px" id="bannerSave">
                        <i class="fa fa-save"></i>
                        &nbsp;保存
                    </a>
                </div>
                <div id="content">
                    <!--<div class="divContent">-->
                        <!--<div class="divList">-->
                            <!--<img src="images/Add%20to_01.png" class="img">-->
                            <!--<input type="file" id="upload-0" class="hidden">-->
                        <!--</div>-->
                        <!--<div style="margin-top: 10px">-->
                            <!--<div class="col-sm-2 control-label" style="padding-top: 4px">链接</div>-->
                            <!--<div class="col-sm-10">-->
                                <!--<input type="text" placeholder="链接" class="inputText">-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--<div style="margin-top: 50px">-->
                            <!--<div class="col-sm-2 control-label" style="padding-top: 4px">排序</div>-->
                            <!--<div class="col-sm-10">-->
                                <!--<input type="number" value="0" class="inputText">-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--<div>-->
                            <!--<div class="col-md-12">-->
                                <!--<a class="btn btn-primary button" style="width: 260px" id="edit_column">-->
                                    <!--<i class="fa fa-pencil-square-o"></i>-->
                                    <!--&nbsp;选择链接-->
                                <!--</a>-->
                            <!--</div>-->
                            <!--<div class="col-sm-5">-->
                                <!--<a class="btn btn-primary button" id="save_column">-->
                                    <!--<i class="fa fa-trash-o"></i>-->
                                    <!--&nbsp;保存-->
                                <!--</a>-->
                            <!--</div>-->
                            <!--<div class="col-sm-5">-->
                                <!--<a class="btn btn-primary button" id="delete_column">-->
                                    <!--<i class="fa fa-trash-o"></i>-->
                                    <!--&nbsp;删除-->
                                <!--</a>-->
                            <!--</div>-->
                            <!--<div class="col-sm-2 control-label"></div>-->
                        <!--</div>-->
                    <!--</div>-->

                </div>
                <!-- /. ROW  -->
            </div>
            <!-- /. ROW  -->

        </div>
        <!-- /. PAGE INNER  -->
    </div>
    <!-- /. PAGE WRAPPER  -->
    <!--提示弹窗-->
    <div class="modal fade" id="infomodal" role="dialog" aria-labelledby="mypackage" aria-hidden="true">
        <div class="modal-dialog" style="width: 260px;">
            <div class="modal-content">
                <div class="modal-header" style="background: #F8F8F8;border-bottom: none">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color: black;">x</button>
                    <h5 class="modal-title" style="color:#333;">信息</h5>
                </div>
                <div class="modal-body">
                    <div style="font-family: 微软雅黑;" id="info"></div>
                    <div align="right">
                        <a class="button-a opBtn" style="margin-top: 20px;" id="modal_confirm">确定</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--是否删除-->
    <div class="modal fade" id="deletemodal" role="dialog" aria-labelledby="mypackage" aria-hidden="true">
        <div class="modal-dialog" style="width: 260px;">
            <div class="modal-content">
                <div class="modal-header" style="background: #F8F8F8;border-bottom: none">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color: black;">x</button>
                    <h5 class="modal-title" style="color:#333;">信息</h5>
                </div>
                <div class="modal-body">
                    <span id="del_id" class="hidden"></span>
                    <div style="font-family: 微软雅黑;">确定要删除选中的记录？</div>
                    <div align="right">
                        <a class="button-a opBtn" style="margin-top: 20px;" id="del_confirm">确定</a>
                        <a class="button-cancel cancelBtn" style="margin-top: 20px;" id="del_cancel" onclick="modalclose('#deletemodal')">取消</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--选择链接-->
    <div class="modal fade" id="Urlmodal" role="dialog" aria-labelledby="mypackage" aria-hidden="true">
        <div class="modal-dialog" style="">
            <div class="modal-content">
                <div class="modal-header" style="background: #F8F8F8;border-bottom: none">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color: black;">x</button>
                    <h5 class="modal-title" style="color:#333;">信息</h5>
                </div>
                <div class="modal-body">
                    <div style="font-family: 微软雅黑;width: 100%" align="center" class="row">
                        <span class="hidden" id="list_i"></span>
                        <div class="content_wrap col-xs-4">
                            <div class="left">
                                <ul id="selectTree" class="ztree"></ul>
                            </div>
                        </div>
                        <div class="col-xs-8">
                            <table class="table table-bordered" id="article-table">
                                <thead>
                                <tr>
                                    <th>标题</th><th>创建者</th>
                                </tr>
                                </thead>
                                <tbody id="article_table">

                                </tbody>
                            </table>
                            <div>
                                <div class="pagination-holder clearfix">
                                    <div style="float: right" id="page" class="pagination"></div>
                                    <div style="float: right;margin: 3px 20px 0 0">
                                        <span class="mainLabel">共<span class="mainLabel" id="recordCount">1</span>条</span>
                                    </div>
                                    <div style="float: right;margin: 3px 20px 0 0">
                                        <span class="mainLabel">共<span class="mainLabel" id="pageCount">1</span>页</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div align="right">
                        <a class="button-a opBtn" style="margin-top: 20px;" id="column_confirm">确定</a>
                        <a class="button-cancel cancelBtn" style="margin-top: 20px;" id="column_cancel" onclick="modalclose('#Urlmodal')">取消</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--上传图片-->
    <div class="modal fade" id="imagemodal" role="dialog" aria-labelledby="mypackage" aria-hidden="true">
        <div class="modal-dialog" style="width: 600px;">
            <div class="modal-content">
                <div class="modal-header" style="background: #F8F8F8;border-bottom: none">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color: black;">x</button>
                    <h5 class="modal-title" style="color:#333;">裁剪</h5>
                </div>
                <div class="modal-body">
                    <div class="container">
                        <img src="" id="image">
                        <div id="result" style="display: none"></div>
                        <span id="imgId" class="hidden"></span>
                    </div>
                    <div align="right">
                        <a class="button-a opBtn" style="margin-top: 20px;" id="img_confirm">确定</a>
                        <a class="button-cancel cancelBtn" style="margin-top: 20px;" id="img_cancel" onclick="modalclose('#imagemodal')">取消</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--上传图片-->
    <div class="modal fade" id="progressmodal" role="dialog" aria-labelledby="mypackage" aria-hidden="true">
        <div class="modal-dialog" style="width: 330px;">
            <div class="modal-content">
                <div class="modal-header" style="background: #F8F8F8;border-bottom: none">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color: black;">x</button>
                </div>
                <div class="modal-body" style="height: 70px">
                    <div id="progress" align="center">
                        <div id="progress-div"></div>
                        <div id="tip" style="color: #00B83F">上传中···</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /. WRAPPER  -->
</body>
</html>
